<template>
  <div class="slider-demo">
    <h3 class="title">基本</h3>
    <div>
      <p>对应的值：{{ value }}</p>
      <d-slider v-model="value"></d-slider>
      <p>对应的值：{{ value2 }}</p>
      <d-slider v-model="value2" multiple></d-slider>
    </div>
  </div>
</template>

<script>
export default {
  name: 'sliderDemo',
  data () {
    return {
      value: 30,
      value2: {
        start: 20,
        end: 40
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
// .slider-demo
</style>
